<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>服务</title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/serve.css" rel="stylesheet">
</head>
<body>
    <!-- 头部 开始-->
    <header>
        <a href="index.html"><i class="iconfont back">&#xe608;</i></a>
        <span>服务</span>
        <div class="area"><a href="#">郑州</a></div>
    </header>
    <!-- 头部 结束-->

    <div class="serve">
        <div class="block">
            <div class="pet"><a href="expert-on-Line.html" >
                <div class="fol">
                    <i class="iconfont">&#xe609;</i>
                </div>
                <div class="rol">
                    <p class="online">专家在线</p>
                    <p class="onlines">宠物专家为您解答各类养宠疑问</p>
                </div></a>
            </div> 
            <div class="pet"><a href="#" >
                <div class="fol">
                    <i class="iconfont">&#xe652;</i>
                </div>
                <div class="rol">
                    <p class="online">养宠宝典</p>
                    <p class="onlines">各种宝典助你成为养成养宠达人</p>
                </div></a>
            </div>
            <div class="pet"><a href="information.html" >
                <div class="fol">
                    <i class="iconfont">&#xe62b;</i>
                </div>
                <div class="rol">
                    <p class="online">宠物咨询</p>
                    <p class="onlines">宠物咨询，热点资讯每日推送</p>
                </div></a>
            </div>
            <div class="pet"><a href="#" >
                <div class="fol">
                    <i class="iconfont">&#xe65f;</i>
                </div>
                <div class="rol">
                    <p class="online">领养</p>
                    <p class="onlines">给萌宠一个温暖的家</p>
                </div></a>
            </div>
            <div class="pet"><a href="#" >
                <div class="fol">
                    <i class="iconfont">&#xe6d7;</i>
                </div>
                <div class="rol">
                    <p class="online">配对</p>
                    <p class="onlines">给单身狗找一个可爱的她</p>
                </div></a>
            </div>
            <div class="pet"><a href="cityService.html" >
                <div class="fol">
                    <i class="iconfont">&#xe617;</i>
                </div>
                <div class="rol">
                    <p class="online">同城服务</p>
                    <p class="onlines">最齐全的宠物服务就在您身边</p>
                </div></a>
            </div> 
            <div class="pet"><a href="#" >
                <div class="fol">
                    <i class="iconfont">&#xe603;</i>
                </div>
                <div class="rol">
                    <p class="online">宠友公益</p>
                    <p class="onlines">韩红爱心基金“友宠友爱”专项</p>
                </div></a>
            </div>
            <div class="pet"><a href="#" >
                <div class="fol">
                    <i class="iconfont">&#xe602;</i>
                </div>
                <div class="rol">
                    <p class="online">宠友贝贝</p>
                    <p class="onlines">宠物实时定位、健康数据检测</p>
                </div></a>
            </div>
        </div>   
    </div>

    <!-- 底部 start -->
    <div class="tabBtn">
        <ul class="clearfix">
            <li><a href="index.html">
                <div class="pImg"></div>
                <p>首页</p>
            </a></li>
            <li><a href="liuliu.html">
                <div class="pImg"></div>
                <p>溜溜</p>
            </a></li>
            <li class="current"><a href="serve.html">
                <div class="pImg"></div>
                <p>服务</p>
            </a></li>
            <li><a href="my.html">
                <div class="pImg"></div>
                <p>我的</p>
            </a></li>
        </ul>
    </div>
    <!-- 底部 end -->
</body>
</html>